<!--单文件组件(SFC)-->

<div id="app">
    <!-- 主模板内容 -->
  </div>
  
  <!-- 定义模板 -->
  <template id="my-component">
    <div>
      <h2>{{ title }}</h2>
      <slot></slot>
    </div>
  </template>
  
  <script>
  const { createApp, ref } = Vue;
  
  // 注册组件
  const MyComponent = {
    template: '#my-component',
    props: ['title']
  };
  
  // 创建应用
  createApp({
    components: {
      MyComponent
    },
    setup() {
      // 组合式API逻辑
    }
  }).mount('#app');
  </script>